<div class="">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="page-title">
                <span class="page-operate-title">广告位详情</span>
                <ol class="breadcrumb">
                    <li>资源管理</li>
                    <li><a href="#adspace">广告位管理</a></li>
                    <li class="active page-operate-title">广告位详情</li>
                </ol>
            </h4>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <form  id="form_detailAdSpace"  class="form-parsley" data-parsley-validate>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">基本信息</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">广告位名称</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <input class="form-control box-input" type="text" name="name" placeholder="广告位名称"  value=""  required="" data-parsley-stringlenmax="200">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">状态</label>
                                    <div class="col-md-10">
                                        <div  id="panel_status" class="d-inline-block" name="status" data-formvalue-initText="false"></div>
                                        <div class="radio-inline-remark panel-err-msg">注意：有效状态的广告位，猎鹰移动广告平台即可选择该资源投放，请先确保该广告位的技术对接已经完成。</div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">所属媒体</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <select  class="w-200 form-control select2 status-disabled" id="ddl_media" name="media"  required="" data-parsley-specialEvent="change"></select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">广告形式</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <select  class="w-200 form-control select2 status-disabled" id="ddl_adformat" name="adFormat"  required="" data-parsley-specialEvent="change"></select>
                                    </div>
                                </div>
                                <div class="form-group" id="panel_template">
                                    <label class="col-md-2 control-label">模版</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <select  class="w-200 form-control select2 status-disabled" id="ddl_template" name="template"  required="" data-parsley-specialEvent="change"></select>
                                        <span class="panel-err-msg" id="err_templateId">注意：一个模板目前只能被一个有效或者无效广告位绑定。</span>
                                    </div>
                                </div>
                                <div class="form-group" id="panel_ratio">
                                    <label class="col-md-2 control-label">比例</label>
                                    <div class="col-md-10">
                                        <span class="box-must">·</span>
                                        <select  class="w-200 form-control select2 status-disabled" id="ddl_ratio" name="ratio"  required="" data-parsley-specialEvent="change"></select>
                                        <span class="panel-err-msg">注意：如果没有您想要的比例，请线下联系平台运营人员。</span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">备注</label>
                                    <div class="col-md-10">
                                        <textarea  class="form-control text-area box-input" name="description"   rows="4" placeholder="备注"data-parsley-stringlenmax="512"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">高级设置</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">互动设置</label>
                                    <div class="col-md-10"><span class="box-must must-h-27">·</span><div  id="panel_interactions" name="interactions" data-formvalue-initText="false"></div></div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">图片格式</label>
                                    <div class="col-md-10"><span class="box-must must-h-27">·</span><div  id="panel_imageType" name="imageType" data-formvalue-initText="false"></div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="portlet">
                    <div class="portlet-heading portlet-default">
                        <h3 class="portlet-title text-dark">成本设置</h3>
                        <div class="portlet-widgets"></div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-collapse collapse in" >
                        <div class="portlet-body">
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-md-2 control-label">售卖类型</label>
                                    <div class="col-md-10">
                                        <select  class="w-200 form-control select2 status-disabled" id="ddl_buyType" name="buyType"></select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">计费方式</label>
                                    <div class="col-md-10">
                                        <select  class="w-200 form-control select2 status-disabled" id="ddl_chargeType" name="chargeType"></select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">成本价</label>
                                    <div class="col-md-10">
                                        <div class="box-input-sm" style="width: 216px">
                                            <div class="input-group parsley-err-absolute">
                                                <input class="form-control num-float2" type="text" placeholder="价格"  id="txt_chargePrice" name="chargePrice" data-convertempty="0" data-parsley-specialEvent="keyup" data-parsley-min-greater="0" data-v-max="100">
                                                <span class="input-group-addon" id="span_chargeTypeName">元</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <div class="clearfix button-list-actions">
                <label class="col-md-2 control-label"></label>
                <div class="col-md-10">
                    <button class="btn btn-default btn-large waves-effect waves-light" type="button" id="btn_submitAdSpace"><i class="fa fa-save m-r-5"></i>确定</button>
                    <a class="btn btn-link  m-l-5 btn-large waves-effect waves-light" type="button" href="#adspace">取消 </a>
                </div>
            </div>
        </div>
    </div>
</div>

